<?php
include "includes/ui.php";

echo headerHTML("account","ใบชำระค่าเทอมผ่านธนาคาร");

?>
<div id="popup_invoice_data" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel"><i class="icon-cog"></i> กำหนดวันชำระ</h3>
        </div>
	<form class="form-horizontal" id='frmInvoice' style='margin-bottom:0px;' method="POST">
		<input type='hidden' name='sid' id='sid' value=''/>
		<input type='hidden' name='y' id='y' value=''/>
		<input type='hidden' name='t' id='t' value=''/>
        <div class="modal-body">
			<div class="control-group">
					<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> วันที่ชำระ</label>
					<div class="controls">
						 <div class="input-append date btndate"   data-date="12-02-2012"  data-date-format="dd/mm/yyyy">
							<input class="span1" style="width:100px !important;" id='txtInvoiceData' name='invoicedate' size="16" type="text" value='<?php echo $curr;?>'  readonly="">
							<span class="add-on"><i class="icon-calendar"></i></span>
						</div>
					</div>
			</div>
        </div>
        <div class="modal-footer">
			<button type='button' class="btn btn-primary" id="btnPrint2">พิมพ์</button>
			<button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
        </div>
	</form>
</div> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> ใบชำระค่าเทอมผ่านธนาคาร</h3>
             <div class='tmp' style='float:right'>
			 <a href="#"  ><button class="btn"  style='width:80px;' id='btnPrintDraft' tooltip="Add">พิมพ์</button></a>
            </div>
        </div>
        <!-- /  : Top Bar -->
		
        <!-- Pie: Content -->
        <div class="well no-padding">
<div class="span12">
				<div class="row-fluid">
					<div class='span12'>
					  <form class="form-horizontal" style='margin-bottom:0px;'>
					<div class="control-group" style='border-bottom:0px;padding-bottom:5px;'>
								<label class="control-label" style='padding-top:5px;' for="inputName"><i class="icon-double-angle-right"></i>รหัสนักเรียน</label>
								<div class="controls">
									<input type="text" id="txtCode_Search"  placeholder="561XXX">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									 <span class="help-inline" style="font-weight:bold;">ชื่อ-นามสกุล</span>
									<input type="text" id="txtStudent_Search" placeholder="ชื่อนักเรียน">
									 
								</div>
							
					 </div>
 
					<div class="control-group" style='border-bottom:0px;padding-top:10px;padding-bottom:10px;'>
						<label class="control-label" style='padding-top:5px;'><i class="icon-double-angle-right"></i>ระดับชั้น</label>
						<div class="controls">
							 
							<select class="no-margin" id='cboClass_Search'   style="width:150px !important;">
									 
							</select>
							<select class="no-margin" id='cboRoom_Search'  style="width:70px !important;">
									 
							</select> 
							 <span class="help-inline" style="font-weight:bold;margin-left:40px;">สถานะ&nbsp;&nbsp;</span>
							 <select class="no-margin span8" id="cbopayment_status"  style="width:180px !important;">
									 <option value='0' selected >-</option>
									 <option value='1'>ค้างชำระ</option>
									 <option value='2'>ชำระเรียบร้อยแล้ว</option>
							</select><button class="btn btn-inverse" style='height:30px;margin-left:50px;' type='button' rel="tooltip" title="" id="btnSearch"  data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button> 
						</div>
						
					</div>
				 
					</form>
					</div>
				</div> 
		</div>

            <table class="data-table" id="resultData" >
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:50px;'>#</th>
						<th style='color:#333 !important;width:0px;'></th>
						<th style='color:#333 !important;width:90px !important;'> ปี/ภาค</th>
                        <th style='color:#333 !important;width:100px !important;'>รหัสนักเรียน</th>
                        <th style='color:#333 !important;' class='text-center'>ชื่อ - นามสกุล</th>
						<th style='color:#333 !important;width:100px !important;' class="text-center">ระดับชั้น </th>
						<th style='color:#333 !important;width:120px !important;' class="text-center">ค่าธรรมเนียม</th>
						<th style='color:#333 !important;width:120px !important;' class="text-center">ค่าอื่นๆ</th>
						<th style='color:#333 !important;width:120px !important;' class="text-center">รวม</th>
						<th style='color:#333 !important;width:120px !important;' class="text-center">สถานะ</th>
                        <th style='color:#333 !important;width:60px !important;' class="text-center">พิมพ์</th>
                    </tr>
                </thead>
                <tbody>
                     
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/myScript/js_invoice.js"></script>
</html>